<template>
  <div class="attractions" ref="homePage">
    <v-search></v-search>

    <div class="content">
      <img width="100%" src="https://resource.sz-trip.com/wximg/SignList/top001.jpg" />

      <div class="product" @click="Jumpmenp">
        <div class="img-box"><img width="100%" height="100%" src="https://resource.sz-trip.com/uploads/20190421/9c590489fdd20673be28c25ab062b8e6.jpg"></div>
        <div class="tet-box">
          <div class="title-box">
            <span style="font-size: 0.8125rem;color: #3e3e3e;">苏州博物馆</span>
            <span style="color: #46d0ca;font-size: 0.625rem;margin-left: 0.25rem;">09:00~17:00</span>
          </div>
          <p class="intro">苏州博物馆创建于1960年，是著名的国内地方综合性博物馆。2006年10月，由国际著名建筑大师贝聿铭先生设计的新馆落成开放。新馆建筑和忠王府古建筑交相辉映，总建筑面积26500平方米。馆藏珍贵文物3万余件，以明清书画和古代工艺品为馆藏特色。苏州博物馆新馆展品上起远古时代，下至明清及近现代，多为历代佳作和精品。特展厅和现代艺术展厅不定期地举办海内外各博物馆的珍贵文物和现代艺术品展览。</p>
          <p class="tip1">
            <van-icon size="14px" name="location-o" style="margin-right: 0.1875rem;"/>
            <span>姑苏区东北街204号</span>
          </p>
          <p class="tip1">
            <van-icon size="14px" name="phone-o" style="margin-right: 0.1875rem;"/>
            <span>0512-67575666</span>
          </p>
        </div>
      </div>

    </div>
  </div>
</template>

<script>
  import search from '../search.vue'
  export default {
    components: {

      "v-search": search,
    },
    data() {
      return {
        clintHeigth: '', //获取页面高度

      }
    },

    mounted() {
      this.clientHeight = `${document.documentElement.clientHeight}` //document.body.clientWidth;
      // console.log(this.clientHeight);
      // let dd = 100;
      this.$refs.homePage.style.minHeight = this.clientHeight + 'px';
    },
    methods:{
      Jumpmenp() {
        this.$router.push({
          path: "/Home/signDetail",

        })
      },
    }
  }
</script>

<style lang="scss">
  .attractions {
    .content {
      .product {
        display: flex;
        position: relative;
        align-items: center;
        // -moz-box-align: center;
        border-bottom: 0.0625rem solid #eee;
        padding: 0.9375rem 0.625rem;
        justify-content: space-between;
        .img-box {
          width: 7.1875rem;
          height: 4.375rem;
          overflow: hidden;

        }

        .tet-box {
          width: 14.375rem;

          .title-box {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }

          .intro {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            color: #7e7e7e;
            font-size: 0.625rem;
            // line-height: 1rem;
          }
          .tip1{
            font-size: 0.6875rem;
            color: #b8b8b8;
            overflow: hidden;
            // min-height: 1.5625rem;
            line-height: 0.8125rem;
          }
        }
      }
    }
  }
</style>
